jQuery(function($){
		
		$(".serverintroduce").click(function(){
		var server = $(this);
		if(server.css("left") == "0px"){	
		$(".roleintroduce").css({left:"0",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/role_m.jpg)"});
		$(".treeintroduce").animate({left:"-510px",opacity:"0"},400,function(){$(".treeintroduce").css({left:"118px",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/img2.jpg)"}).animate({opacity:"1"},500);});
		server.animate({left:"-510px",opacity:"0"},300,function(){server.css({background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/tree_m.jpg)"}).animate({opacity:"1"},100);});
		
		}
		else if(server.css("left") == "-510px"){
		$(".roleintroduce").css({left:"0",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/role_m.jpg)"});
		$(".treeintroduce").animate({left:"628px",opacity:"0"},400,function(){$(".treeintroduce").css({left:"0",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/img1.jpg)"}).animate({opacity:"1"},500);});
		server.animate({left:"0"},300,function(){server.css({background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/server_m_right.jpg)"}).animate({opacity:"1"},100);});
		
		
		}
		});
	
	$(".roleintroduce").click(
		function(){
		var role = $(this);
		if(role.css("left") == "0pt" || role.css("left") == "0px"){
		$(".serverintroduce").css({left:"-510px",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/tree_m.jpg)"});
		$(".treeintroduce").animate({left:"-392px",opacity:"0"},400,function(){$(".treeintroduce").css({left:"236px",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/img3.jpg)"}).animate({opacity:"1"},500);});
		role.animate({left:"-510px",opacity:"0"},300,function(){role.css({background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/server_m.jpg)"}).animate({opacity:"1"},100);});
		
		}
		else if(role.css("left") == "-510px"){
		$(".serverintroduce").css({left:"-510px",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/tree_m.jpg)"});
		$(".treeintroduce").animate({left:"754px",opacity:"0"},400,function(){$(".treeintroduce").css({left:"118px",background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/img2.jpg)"}).animate({opacity:"1"},500);});
		role.animate({left:"0"},300,function(){role.css({background:"url(${servletURL}?op=resource&resource=/com/fr/web/platform/images/role_m.jpg)"}).animate({opacity:"1"},100);});	
			
		
		
		}
		});	
				
				
				
				
});